import {createPreset} from 'tailwindcss-rem2px-preset';

/** @type {import('tailwindcss').Config} */
export default {
    content: ['./index.html', './src/**/*.{js,ts,jsx,tsx,vue}'],
    theme: {
        extend: {
            screens: {
                'sm': {'min': '640px'},
                'md': {'min': '768px'},
                'lg': {'min': '1024px'},
                'xl': {'min': '1280px'},
                '2xl': {'min': '1536px'},
                'lt-sm': {'max': '640px'},
                'lt-md': {'max': '768px'},
                'lt-lg': {'max': '1024px'},
                'lt-xl': {'max': '1280px'},
                'lt-2xl': {'max': '1536px'}
            }
        },
    },
    plugins: [],
    presets: [
        createPreset({
            // 8 意味着 1rem = 2rpx
            fontSize: 8,
            // 转化的单位,可以变成 px / rpx
            unit: 'rpx'
        })
    ]
}

